const HtmlWebpackPlugin = require("html-webpack-plugin")

module.exports = {
  // 入口文件
  entry: './src/index.js',
  output: {
    //出口文件 绝对路径 仅dist、index.js
    path: __dirname + "/dist",
    filename:'index.js'
  },
  //设置打包模式
  // production生产模式 development 开发模式
  mode: "development",

  // 前端服务，类似 liveServe
  devServer: {
    port: 3333,
    open: true
  },
   // 解析其他文件
   module: {
    // 规则
    rules: [
        {
            // .css结尾
            test: /\.css$/i,
            use: ["style-loader", "css-loader"],
        },
        {
            test: /\.(jpg|png|jpeg|gif)$/i,
            use: ["file-loader"],
        },
    ],
  },
     // 插件 使用前要new 一下
  plugins: [new HtmlWebpackPlugin({
    //依照模板
    template:'./public/index.html'
  })],
}
